import { Observable } from "tns-core-modules/data/observable";
import { ObservableArray } from "tns-core-modules/data/observable-array";
import { SearchBar } from "tns-core-modules/ui/search-bar";

export class Issue5039ViewModel extends Observable {

    private _items = ["apple", "apple cider", "apple pie", "orange", "orange juice", "strawberry", "blueberry"];
    public items = new ObservableArray();

    constructor(private _searchBar: SearchBar) {
        super();
        this.items.push(this._items);
    }

    onSubmit() {
        this.filter(this._searchBar.text);
    }

    clearSearch() {
        this.filter();
    }
    
    filter(value: string = "") {
        this.items.splice(0, this.items.length); // remove all items
        this.items.push(this._items.filter(i => -1 !== i.indexOf(value)));
    }
}